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Fluter mengakses mysgl 
Guna php 
Guna paket http 


Flutter + MySQL 


Dalam melakukan CRUD Data dari Flutter ke MySQL, tidak ada paket 
khusus yang menggabungkan Flutter dengan MySQL selain paket 
“Tan's 


HTTP menyediakan seperangkat fungsi dan kelas tingkat tinggi yang 
memermudah penggunaan resources HTTP. 


Akses data Localhost dari Android. 


= 


Mengirim perintah Query. 


— — — e 
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Mengembalikan output nilainya. 


Dari PHP, men-encode data 


Data JSON dikirim ke Android. 
JSON menjadi JSON. 


Mencocokan IP 


* Pastikan anda terhubung dalam koneksi yang sama (Wi-Fi, Tethering, dan 
sejenisnya). 


* Cek IP address perangkat yang memiliki databasenya. 


* Coba masuk ke IP tersebut dengan port Apache-nya. Misal "192.168.100.3:80". 


C A 192.168.100.3 © : 


Index of / 


Same Last mudified Mur Pesarean 


Guna paket nya 
X) rie Edit on View Go 


o Ru Terminal Help pubspec.yami - Flutter - Visual 


"8 mahasiswa.dart ^ mandan pubspe 
OPEN EDITORS 
FLUTTER 13 # build by specifying --build-name and --build-number, respectively 
er’ 14 #I oid, build-name is used as versionName while build-number used as versionCode 
1 # Read more about Android versioning at https developer. android .com/studio/publish/versioning 
16 # In 10S, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion. 
"D ableDe 1 # Read more about iOS versioning at 
ME 18 # https developer .apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles 
"^m t CoreFoundationKeys.html 
^ maindart 19 version: 1.0.0+1 
AJ t 26 
Ó tam d 21 environment: 
Mid E 22 sdk: 2.7.0 «3.0.0 
" 24 dependencies: 
er aa 
F k 26 sdk: flutter 
€ citignor 2 
Yetadata 28 http: ^0.12.042 
kage 29 shared preferences: “0.5.3.4 
T r e 
pubspec.lock 31 * The following adds the Cupertino Icons font to your application. 
WES Use with the CupertinoIcons class for iOS style icons 
cupertino icons: ^1.0.0 
i dev dependencies: 
i p 36 flutter_test: 
my. peta 37 sdk: flutter 
my. pet 
pinvijayan19 9 # For information on the generic Dart part of this file, see the 
B vipinvijayan1987-tut 4e * following page: https dart .dev/tools/pub/pubspec 
- 41 
su. 42 # The following section is specific to Flutter 
DEPENDENOES 43 flutter: 
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Pertama cek dahul hp dpt mengkses dari serve dari hp kita 
Buka koneksi 
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Gta Use 


Show my estimated data use in the Networks list 


On “1 


Set as a metered connection 


ort || 


Properties 


SSID 

Protocol 

Security type: 
IPv6 DNS Servers 
IPv4 address 
IPv4 DNS Servers: 
Manufacturer 
Description 
Driver version: 


Physical address 


Copy 


Dari hp nam 
€ Q  Q localhost 


Index of / 


Name 
[S] CATATAN.txt 


(Q9 EmployeesDB/ 
0 Tridharma 

[9] Virtual_TourL rar 
@—MaACOsx. 

(8) applications html 
© siblog: 

C coba3dvista’ 

@ dashboard: 

B] document. pdf 
E] favicon.ico 

© futter 

© futter2 

© fonts 

Ding 


latihan 2020-12-03 13:44 - 


WElsmsntsSimplsContent/ 2021-08-15 10:05 5 
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802.11n 

WPA2-Personal 

fe80-1%4 

192.168.100.7 

192.168.100.1 

Realtek Semiconductor Corp 

Realtek RTL8723BE Wireless LAN 802.11n PCI-E NIC 
2012 6.1218 2013 


C0-38-96-43- 


3-93 


a ip 
x | + * MS Note 
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mie > 192.168.100.7:80 


e n 


Q, 192.168.100.7:80 
2021-07-0123:34 248 


2020-12-12 17:46 - 
2021-08-19 21:23 - 
2021-08-30 22:40 546M 
2019-10-07 22:28 - 
2019-08-27 21:02 3.5K 
2019-08-27 21:02 177 
2021-02-01 16:29 - 
2021-08-31 18:00 - 
2020-10-14 13:40 - 
2021-06-29 22:01 S9SK 
2015-07-16 22:32 30K 
2021-06-01 16:11 - 
2021-06-25 15:39 - 
2021-08-17 16:25 5.2K 
2021-08-17 16:26 - 
2020-10-22 22:18 - 


Jgn lupa port php :80 
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* ONG 
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€ C  Q localhost 
@ Kartu Rencana Stud. 


Index of / 


Last modified Size Description 


Name 
(8) CATAIAN.tXt 2021-07-01 23:34 248 
© ElementsSimpleContent/ 2021-08-15 10:05 - 
(C) EmployeesDB/ 2020-12-12 17:46 - 
C) Iridharma/ 2021-08-192123 — - 
kil Virtual_Tourl.rar 2021-08-30 22:40 546M 
@—Macosx 2019-10-07 22:28 - 


2019-08-27 21:02 
2019-08-27 21:02 


[E] applications.html 


D] bitnami.css 


O ciblog: 2021-02-01 16:29 
@ coba3dvista/ 2021-08-31 18:00 
© dashboard: 2020-10-14 13:40 
(5) document. pdf 2021-06-29 22:01 
[È favicon.ico 2015-07-16 22:32 
E futter 2021-06-01 16:11 
© duta 2021-06-25 15:39 
[E] fonts.css 2021-08-17 16:25 
D fonts: 2021-08-17 16:26 


T 
Kalau ini berhasil 
Paket http siap 
Bangun php nya 


X) File Edit 


2020-12-03 13:44 


Selection View Go Run Terminal 


^ mahasiswa.dart 


OPEN EDITORS 


FLUTTER 1 <?php 


3 define(' 
lb 4  define( 

5 define(' 
6  define(' 


^^ main.dart 


"^ Services.dart 


D 


A tampil mhs.dart 


A tampil mhs2.dart 


€ gitignore 


metadata 


! pubspec.yami 

D README.md 

my. map 

my maps2 

> my. peta c 
my. peta2 ° 
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5 PM CO A 


Ó A 192.168.100.7 


# mahasiswa.php 


3.5K 

177 
595K 

30K 

52K 

Help connect php - Flutter - Visual Studio Code 

** main.dart ! pubspecyam ** connectphp X 
25 Mw 

HOST', 'localhost'); 

USER', 'root'); 

wags”: 1); 

DB', 'db latihan'); 


$con = mysqli_connect(HOST, USER, | PASS, DB) or die( ‘tidak 


bisa konek'); 


o - 9 


ar Ox: 


T] Reading Ist 


Buat seuatu aksi 


X) File Edit Selection 


OPEN EDITORS 


FLUTTER 


package: 


A my mal 


pubspec lock 


! pubspecyami 


my maps2 
> my, pets . 
my_peta2 E 


> vipirwijayan 19... © 
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DEPENDENOES 
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View Go Run 


A mal 


Maka ada 4 aksi 
Ini lihat 


X) rie Edit 


Selection 


OPEN EDITORS 


FLUTTER 


TableDemo 
~ Employee.dart 
^^ mahasiswa.dart 
^^ main.dart 


^* Services.dart 


tampil mhs.dart 


AJ 


mpil mhs2.dart 


flutter-plugins 

flutter-plugins-de 
€ gitignore 

metadata 


packages 


^ mym 
pubspec lock 


! pubspecyam! 


(D README.md 

> my maps 

) my maps2 

> my peta . 
my. peta2 B 
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View Go Run 
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Terminal Help mahasiswa php - Flutter - Visual Studio Code 


** maha 


hasiswa.dart 


1 <?php 


require “connect. php”; 


if($ SERVER['REQUEST METHOD'] == "POST")( 
$response - array(); 
Saksi - $ POST['aksi']; 
$nbi = $ POST['nbi']; 
$nama = $ POST['nama']; 
$alamat - $ POST['alamat']; 
$email - $ POST['email']; 


if ($aksi--'simpan') 4 


) 


else if ($aksi--'ubah') ( 
) 


else if ($aksi--'hapus')( 


) 


else if ($aksi--'lihat')( 
) 
) 


» 


Terminal Help mahasiswa.php - Flutter - Visual Studio Code 


ahasis 


vise A! \pensa- 


} 


else if ($aksi--'lihat')( 


BM - “select * from mahasiswa where nbi = '$nbi'"; 


if($hasil = mysgli query($con, $sql)){ 


while ($data = mysqli fetch array(Shasil,MYSOLI NUM)) { 
$response ['nbi'] = $data[?]; 
$response ['nama'] - $data[1]; 
$response ['alamat'] - $data[2]; 
$response ['email'] - $data[3]; 


H 


Jeise ( 
$response ['message'] - "Gagal Mencari Data"; 
) 
echo json encode($response); 
) 
) 
» 


** mahasiswa. 


php 


@ employee action 


Setelah mendapatkan maka ubah kejson lalu kedalam android 
Aksi simpan 


X) File Edit Selection View Go Run Terminal Help 


A mahasiswa.dart ^* main.dart bspec yam "c php 
OPEN EDITORS C: > xampp > htdocs > flutter2 > t mahasiswa pl 
FLUTTER 5  if($ SERVERI REQUEST METHOD'] == 
SES G $response = array(); 
= 7 Saksi = $ POST['aksi']; 
ib 8 $nbi = $ POST('nbi']; 
A DataTableDemo 9 $nama = $ POST['nama']; 
Mm Employee.dart 10 $alamat = $ POST['alamat']; 
'^ mahasiswa dart 11 $email - $ POST['email']; 
^* main.dart 12 
2 13 if ($aksi--'simpan') ( 
A tampil mhs.dart 14 
A tampil mhs2 dart 15 $sgl « "INSERT INTO mahasiswa " 
5 16 VALUES('$nbi', '$nama', '$alamat','$email')"; 
17 
zu Wie 18 if(mysqli_query($con, $sq1))( 
fiutter-plugins-de. 19 
€ gitignore 20 $response ['message'] - "Berhasil Mengubah Data"; 
metadata 21 yelse ( 
package 22 $response ['message'] - “Gagal Mengubah Data"; 
à mym 23 ) 
pubspec.lock 24 echo json encode($response) ; 
! pubspecyaml = } 
®© READMEmd e: 
7 else if ($aksi--'ubah') { 
> my. maps a } 
> my maps2 4 
> my_peta = 44 else if ($aksi==‘hapus’){ 
) my peta2 . 5 ) 
> vipinvijayan19... © 55 
B vipinvijayan 56 else if ($aksi--'lihat')( 
ovrume 2 & ) ) 
DEPENDENGIES 4 


MAVEN 75 


Aksi update atau ubah 


X) File Edit Selection View Go Run Terminal Help 


EXPLORER ... A mal A main.dart ! pubspecyam @ connect. php 
OPEN EDITORS C: > xampp > htdocs > flutter2 > € mahasiswa pl 
FLUTTER 5  if($ SERVER('REQUEST METHOD'] == "POST")( 
cms 6 $response - array(); 
m 7 $aksi = $ POST['aksi']; 
lib 8 $nbi = $ POST['nbi']; 
D: 9 $nama = $ POST('nama']; 
** Emplo 10 $alamat - $ POST['alamat']; 
^^ mahasiswa.dart 11 $email = $ POST['email']; 
^" main.dart 12 
(^ Services.dart 13 if (Saksi=='simpan’) 4 
^^ tampil m art 25 ) 
26 
Donde EM 27 else if ($aksi=="UBBH!) { 
28 
ART PENS 29 $sql = "update mahasiswa set 
diana edan 30 nama = '$nama', 
è gnore 31 alamat = '$alamat', 
metadata 32 email = ‘$email’ 
33 where nbi = '$nbi'"; 


echo $sql; 
if(mysqli query($con, $sq1))( 


! pubspecyami i 1 m ['message'] = "Berhasil Mengubah Data"; 
37 else 
(D README.md 
ya aks $response ['message'] = “Gagal Mengubah Data"; 
my. maps ) 
dtm echo json encode($response); 
> my. pets o 
my peta2 D 42 ) 
> vipinvijayan19... © 43 
B vipini; t else if ($aksi=="hapus’){ 
= } 
OUTLINE 
DEPENDENOES 56 arie (Saksi--" Lihat" ){ 
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mahasiswa.php - Flutter - Visual Studio Code 


** mahasiswa.php 


mahasiswa php - Flutter - Visual Studio Code 


** mahasiswa.php 


"er 


@ employee actions php 


** mhs.php 


Semua tindakan masuk kedalam json 


X) File Edit Selection View Go Run Terminal Help mahasiswa php - Flutter - Visual Studio Code D 3 x 
EXPLORER ... ^* mahasiswa.dart N mandan ! pubspecyami ® connect. php @ mahasiswaphp X — 9t employee actions.php ® mhs.php (D -~ 
> OPEN EDITORS C: > xampp > htdocs > flutter2 > @ mahasiswa.php 
= v "va = $ rv3sp nva Jy 
^ e 9 $nama = $ POST['nàma']; 
> ios 18 $alamat - $ POST['alamat']; 
va 11 $email - $ POST['email']; - 
A DataTableDemo... 12 r 1 a 
“4 Employee.dart E j : (Saksi--' simpan") ( i 
^^ mahasiswa.dart 26 | 
i 1 
O mandat 27 > else if ($aksi=='ubah') { 
^* Services.dart 42 ) 
tampil mhs.dart 43 
A tampil mhs2.dart 44 else if ($aksi--'hapus')( 
> test 45 
flutter-plugins 46 $sql - "delete from mahasiswa where nbi - '$nbi'"; m" 
fiutter-plugins-de. 47 1| 
© gitignore 48 if(mysgli query($con, $sql)){ | 
49 $response ['message'] = "Berhasil Menghapus Data"; 
metadata 
50 Jeise ( 
packages z " . "| . 
51 $response ['message'] = “Gagal Menghapus Data"; 
A my_mahasiswaimi 52 } 
pubspec.lock 53 | echo json encode($response) ; 
! pubspecyami 54 } 
© README.md 55 
> my_maps 56 > else if ($aksi--'lihat')( 
> my maps2 72 ) 
> my. peta E 7 ) 
> my. peta2 . T. 
> S 
vipinvijayan19... © 76 » 
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Database nya 


[c] 192.168.100.7/flutter2/mahasisv X | Mk 12700.1/12700.1/db latihan X + o = 8 [x | 


€ > Q © 12700.1/phpmyadmin/salphp?db-db latihan&itable-mahasiswatpos-0 ar Ox: 


Apps @ Kartu Rencana Stud.. @ ELITAG MB YouTube $f Gmail Be Google Transiate TH Reading ist 


di 


> Server: 12700.1 > Database: db latihan > Table: mahasiswa 


PHPMYADMIN 


* 509 8 
9 o 


E srowse fA structure © sot Q} SEARCH — 3K INSERT + EXPORT f, IMPORT $ PRIVILEGES Ñ OPERATIONS D TRACKING Y MOR 


nbi nama alamat email 


6100? II Ey Ent 
a A w Search this table 


Recent 


Favorites 


Query results operations 


Jawan @ Print #êCopytodipboard 4 Export al Displaychart (ff Create view 


i New 
employees 
mahasiswa 

ops as132_133 

easrpl 
homestead 


Bookmark this SQL query 


D Let every user access this bookmark 
Label 


oe information schema 


Brg lenovo 
Qao" 
eH mahasiswa utg 


mysql 
tee 


performance schemes + 
Dalam mencari gunakan nbi sebagai kunci pencarian 
Coba 


Im Console Bookmarks Options History Clear 


Press CtrleEnter to execute query 
> 


4# E 0 
9 o0 


= BROWSE 


Recent 


1461900132 Tony A 
Favorites 


re New 
CY Pelajar 
eg 


GH contor 
Er fy -athan 
Hag New 
EHIMI employees 


mahasiswa 


Labe 


HS performance schema + 


Ubah dahulu 


& Print ti 


taba: 


BA structure 


Query results operations 


Gl Bookmark this SQL query 


db latihan » 


M5 Note 


900132&nama=&alamat=&email= 


http://192.168.100.7/flutter2/mahasisw 
o! hte a ^ 


http://192.168.100.7/flutter2/ 
mahasiswa.php?aksizlihat&nbiz 146190 


http://192.168.100.7/flutter2/ma 


R 


dari post ke get 


xj File Edit Selection View Go Run Terminal Help mahasiswa.php - Flutter - Visual Studio Code 
maha a.dart A main.dart ! Dec yam @ connect ** mah a php 
OPEN EDITORS 2»- 
FLUTTER 1 <?php 
require "connect.php"; 


4  if($ SERVERI "REOUEST METHOD'] == 
5 $response - array(); 
6 Saksi = $ GET 'aksi' 
7 $nbi = $ GET('nbi']; 


GET 


X 
J; 


8 $nama = $ GET['nama']; 

9 $alamat = $ GET['alamet']; 
10 $email = $ GET['email']; 
11 


if (Saksi--'simpan') 4 
) 


26 else if ($aksi=="ubah’) ( 


OUTLINE 


DEPENDENOES 
MAVEN 


Maka ada suatu data 


€ gitignor 41 ) 
vetada 42 
ye 43 else if ($aksi=+='hapus'){ 
à my mah m ) 
pubspec.lock 54 
4 an 55 else if ($aksi--'lihat')( 
D RAD 56 $sql = "s ct * from mahasiswa where nbi = '$nbi'"; 
7 if($hasil = mysqli query($con, $sq1))( 
my map 58 while ($data - mysqli fetch array($hasil,MYSQLI NUM)) ( 
vier ag 59 $response ['nbi'] = $data[0]; 
my.peta 60 $response ['nama'] = $data[1]; 
my. peta2 $response ['alamat'] - $data[2]; 
vipinvijaya: 62 $response ['email'] - $data[3]; 
A mija aK 


- 6 
o 
2 PRIVILEGES Ñ OPERATIONS D TRACKING YV MOR 
B ark t Hi ea 
Eo ye 
We ee a ka r I 


M5 Note 


E a.dart ^* main.dart 311PM 0 OAJ 
OPEN EDITORS LE A 
FUTTER 1 <?php Q A 192.168.100.7 
m require "connect php”; — po — 


if($ SERVER['REQUEST MET 
5 $response = array(); 
6 Saksi = $ GET['aksi' 
$nbi = $ GET('nbi']; 


8 $nama = $ GET['nama 
9 $alamat = $_GET[‘ala 
10 $email = $_GET[ "emai 
11 

12 if ($aksi--'simpan') { 


) 


2€ else if ($aksi--'ubah 
€ gitignore 41 ) 
metadata 42 


package 43 else if ($aksi--'hapus 


23 J 


55 else if ($aksi--'lihat 


56 $sql - "select * fra 

if($hasil - mysqli q 

58 while ($data - mys 

59 $response ['nbi 

60 $response [‘nama 

my. peta2 . 61 $response ['alam 

vipinvijayan 19... e 62 $response [ ‘emai 
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OUTLINE 


DEPENDENGES 
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Ke dalam dart 
Import dahulu dart 


X) File Edit Selection View Go Run Terminal Help main.dart - Flutter - Visual Studio Code 
£ RER ^^ maha a.dart N main.dart x ! pubspec yam ® connect phr ® maha: 
OPEN EDITORS 2>a ^^ mainda 
FLUTTER 1 import ‘package: flutter/material.dart’; 

burid 2 ® import 'DataTabel.dart'; 
3 kimport 'mahasiswa.dart'; 
'* DataTabel 
NE 5 void main() => runApp(MyApp()); 
^* main.dart bo 
^ Mhsdart class MyApp extends StatelessWidget { 
eee 8 Goverride 
3 E 5 Widget build(BuildContext context) { 
ee. 10 return MaterialApp( 
^ tampil mhs2.dart 11 title: 'MySQL', 
12 theme: ThemeData( 
B13 primarySwatch: Colors.red, 
utt de 14 yi hemeDat 
@ .gitignore 15 / home: TampilTabel()); 


home: Mahasiswa()); 


) 
gr 
my gps . 
my. mahasiswa AMINA aK 
too 
OUTLINE performing 
DEPENDENGES Restarted apr 


~ 
MAVEN D 


Home mangil clas mahasiswa 


@ employee actions y 


a 


TE 


uw 


+H I 


x File Edit Selection View Go Run Terminal Help main.dart - Flutter - Visual Studio Code = a x 


& mi Q mandat x | pubspecyam €t connect php em * emplo * mhsphp è~ D 
OPEN EDITORS M2 > anewone > lib > @ maindart > ts MyApp > @ bu 
FLUTTER 1 import ‘package: flutter/material.dart’; V 
build 2 // import 'DataTabel.dart'; 
ios 3 import 'mahasiswa.dart'; 
v lib 4 
A DataTabel.dart 
A mahasiswa.dart void main() => runApp(MyApp()); 
N maindart : 
A dude | class MyApp extends StatelessWidget ( 
8 @override 
Oi Senikes.dart a Widget build(BuildContext context) { m 
“9 tampil.mhs.dart 10 return MaterialApp( 
A tampil mhs2.dart 11 title: 'MySQL', 
test 12 theme: ThemeData( 
flutter-plugins m 13 primarySwatch: Colors.red, 
flutter-plugins-de 14 » ThemeData 
€ gitignore 15 / home: TampilTabel()); 
metadata 16 . home: Mahasiswa )): Mate App 
packages w ) 
a anewoneiml Em 2 
19 


** connect.php 
@ mahasiswa.php 

pubs 
! pubspec.yaml 


(D README.md 
^ OF 
> my gps . 


my. mahasiswa , 


ake 
dart_too 
OUTLINE 
Performing hot restart... 


DEPENDENOES Restarted application in 5,509ms. 


MAVEN 


X) File Edit Selection View Go Run Terminal Help mahasiswa dart - Flutter - Visual Studio Code = a x 
^* mahasiswa.dart X —  main.dart !p am @ connect.php ® emplo php ® mhsphp m 
OPEN EDITORS 2 one > lib > N s 43 Mahasiswa 
FLUTTER 1 import 'dart:convert'; | | 
build 2 import 'package:http/http.dart' as http; " 
ios 3 import 'package:flutter/material.dart'; wana. | 
v lib 4 . 
A DataTabel.dart 5 class Mahasiswa extends StatefulWidget { 
~ mahasiswa dart 6 override p 
G menda MahasiswaState createState() => MahasiswaState(); zi- d 
8 = 
A Mhs.dart s ) w 
^* Services.dar " 
up 10 class MahasiswaState extends State«Mahasiswa» ( 
nep 11 // Variabel Inputan 
^ tampil. mhs2 dart 12 final ctrNBI = TextEditingController(); 
test 13 final ctrNama = TextEditingController(); 
flutter-plugins 14 final ctrEmail - TextEditingController(); 
flutter-plugins-de 15 final ctrAlamat = TextEditingController(); 
€ gitignore 16 
metadata 17 Proses(String aksi) async ( 
packages 18 String nbi, nama, email, alamat; 
19 / Menerima inputan teks-nya 
A anewoneiml 
20 nbi = ctrNBI.text; 
@ connect php : 
21 nama = ctrNama.text; 
@ mahasiswa.phf 22 alamat = ctrAlamat.text; 
pubspec.lock 23 email = ctrEmail.text; 
! pubspecyami 24 
(D READMEmd 25 /kirim permintaan ke server 
gps 26 final response = await http.post(“http: //192.168.100.3:80/flutter2/mahasiswa.php", 
> my ops e 27 body: ("aksi": aksi, "nbi": nbi, “nama”: nama, "email": email, "alamat alamat]); 
v my mahasiswa j TERMINA: a Fan + Dê ° 
dart too 
OUTLINE 
Performing hot restart... 
DEPENDENGES 


Restarted application in 5,5@9ms. 


MAVEN 


Import dahulu http nya 
Guna stf 


X) File Edit Selection View Go Run Terminal Help mahasiswa.dart - Flutter - Visual Studio Code 
^" mahasiswa.dart X  maindant ! pubspecyami @ connect.php @ mah jons.php 
M2 ewone > lib > '& mahasiswa. dart > 44 MahasiswaState > @ Proses 


~ DataTabel dart 
^* mahasiswa.dart 
A main.dart 
^ Mhs.dart 
^ Services.dart 
tampil mhs.dart 
^* tampil mhs2.dart 
> test 
flutter-plugins 
flutter-plugins-de. 
€ gitignore 
metadata 
packages 
A anewoneiml 
# connect.php 
- mah 


swa.php 
pubspec lock 
! pubspecyami 
@ README.md 
> gps 
> my. gps . 
v my mahasiswa 
dart tool 
> OUTLINE 
> DEPENDENCIES 


> MAVEN 


Ini response 


class MahasiswaState extends State<Mahasiswa> { 
// Variabel Inputan 
final ctrNBI = TextEditingController(); 
final ctrNama = TextEditingController(); 
final ctrEmail = TextEditingController(); 
final ctrAlamat = TextEditingController(); 


Proses(String aksi) async { 
String nbi, nama, email, alamat; 
// Menerima inputan teks-nya 
* hbi = ctehiBI. text; 
nama = ctrWama.text; 
alamat = ctrAlamat.text; 
email = ctrEmail.text; 


//kirim permintaan ke server 
final response = await http.post(^http://192.168.100.3:80/flutter2/mahasiswa.php", 
body: ("aksi": aksi, "nbi": nbi, "nama": nama, "email": email, "alamat": alamat}); 


//terima hasil berupa penguraian string dan mengembalikan objek JSON yang dihasilkan. 
final data - jsonDecode(response.body); 


if (aksi == "lihat") ( 
ctrNBI.text = data["nbi*]; 
ctrNama.text = data["nama"]; 
ctrAlamat.text - data["alamat"]; 
ctrEmail.text - data["email"]; 


TERMINAL t ake 


Performing hot restart... 
Restarted application in 5,509ms. 


X) File Edit Selection View Go Run Terminal Help mahasiswa.dart - Flutter - Visual Studio Code 


> OPEN EDITORS 


v FLUTTER 
> build 


ios 
v lib 
*^* DataTabel dart 
^^ mahasiswa.dart 
A mandar 
^ Mhs.dart 
A Services.dart 
A tampil mhs.dart 
tampil mhs2.dart 
> test 
flutter-plugins 
flutter-plugins-de. 
€ gitignore 
metadata 
packages 
A anewoneiml 
# connect.php 
@ mahasiswa.php 
pubspec lock 
1 pubspec.yaml 
(D README.md 
> gps 
> my ops E 
v my. mahasiswa 
dart tool 
OUTLINE 
DEPENDENGIES 


> MAVEN 


^^ mahasiswa.dart X  maindant !p 


10 
11 
12 


ami @ connect. php ** mah 


anewone > lib >  mahasiswa.dart > s asiswaState > @ Proses 
class MahasiswaState extends State<Mahasiswa> { 
// Variabel Inputan 
final ctrNBI = TextEditingController(); 
final ctrNama = TextEditingController(); 
final ctrEmail = TextEditingController(); 
final ctrAlamat = TextEditingController(); 


Proses(String aksi) async { 
String nbi, nama, email, alamat; 
// Menerima inputan teks-nya 
nbi = ctrNBI.text; 
nama = ctrNama.text; 
alamat = ctrAlamat.text; 
email = ctrEmail.text; 


//kirim permintaan ke server Follow link (ctri + click 
© Final response = await http.post(“http: //192:168.100:3:80/ lutter2/mahasiswa.php", 
body: ("aks aksi, "nbi": nbi, "nama": nama, "email": email, "alamat": alamat]); 


//terima hasil berupa penguraian string dan mengembalikan objek JSON yang dihasilkan. 
final data - jsonDecode(response.body); 


if (aksi == "lihat") ( 
ctrNBI.text - data["nbi"]; 
ctrNama.text - data["nama"]; 
ctrAlamat.text = data["alamat"]; 
ctrEmail.text = data["email"]; 


Performing hot restart... 
Restarted application in 5,589ms. 


** mhsphp m 


@ mhs.php tn 


sen + Ds x 


X) Fila Edit Selection View Go Run Terminal Help mahasiswa.dart - Flutter - Visual Studio Code == 3 x 


^ mahasiswadart X — '& main.dart !p am @ connect. php ** mah ** employ ** mhs.php (D 
OPEN EDITORS M2 > anewone > lib > & mahasiswa.dart > 43 MahasiswaState > @ Proses 
4 emaii = CilCmaii. LEAL; 
FLUTTER :z 
build = 
A 25 /kirim permintaan ke server 
ib 26 final response = await http.post(^http://192.168.100.7:80/flutter2/mahasiswa.php", 1 
y 27 body: ("aksi": aksi, "nbi": nbi, "nama": nama, "email": email, "alamat": alamat}); mer 
an ” y:t , , , , H; ax 
28 we 
€ mahasiswa.dart 29 /terima hasil berupa penguraian string dan mengembalikan objek JSON yang dihasilkan. b A 4 
A main.dart 3e final data = jsonDecode(response. body); == 
© Mhs.dart 31 e 
" ww 
^^ Services.dart 32 if (aksi == "lihat") ( = 
tampil mhs.dart 33 ctrNBI.text = data[“nbi"]; P- 
f tampil mhs2.dart 34 ctrNama.text - data["nama"]; we 
test 35 * ctrAlamat.text - data["alamat"]; 
flutter-plugins 36 CtrEmai). text = data["email"]; 
z á 37 ) else ( 
flutter-plugins-de. 
M pug 38 String = data['message']; 
uno 39 print("pesan " + data['message']); 
metadata 40 ) 
packages 41 ) 
A anewoneimi 42 
# connect.php 4 reset() ( 
@ mah wa.php 44 /Menghapus Isi TextFormField 
pubspec lock 45 ctrNBI.clear(); 
! pubspecyaml 46 ctrNama.clear(); 
Wines 47 ctrAlamat.clear(); 
48 ctrEmail.clear(); 
> gps FE } 
> my_gps . ca 
my. mahasiswa j P Bion + os 
dart_tool 
OUTLINE 


Performing hot restart... 


DEPENDENCIES Restarted application in 5,5@9ms. 


MAVEN 


X) File Edit Selection View Go Run Terminal Help mahasiswa.dart - Flutter - Visual Studio Code — a x 
^" mahasiswadart X  maindart ! pubspecy @ connect. php # mah a.php # empl € mhsphp (D 
OPEN EDITORS PTM2 > anewone > lib > (8 mahasiswa.dart > 44 MahasiswaState > ( build 
— c derang | = usta] message 1; 
build 39 print("pesan " + data['message']); 
v lib vie ) 1 
- 42 
A DataTabel.dart 43 tÜ - 
^* mahasiswa dart 44 /Menghapus Isi TextFormField = 
N maindart 45 ctrNBI.clear(); => = | 
46 ctrNama.clear(); E 
Services.dart 47 ctrAlamat.clear(); - = 
A tampil mhs.dart 48 ctrEmail.clear(); wW- 
A tampil mhs2.dart 49 ) ww al 


test 


51 ® @override 


flutter-plugins 


E 2 52 Widgdt build(BuildContext context) ( 
tter-plugins-de. 
—— 53 return Scaffold( 

@ gitignore 54 appBar: AppBar( 
metadata 55 title: Text("Register"), 
packages 56 j A 

A anewoneiml 57 body: Form( 

® connect.php 58 child: ListView( 

@ mahasiswa.php 59 padding: EdgeInsets.all(16.0), 
pubspec.lock 60 children: <Widget>[ 

! pubspecyami 61 TextFormField( 
(D README md 62 controller: ctrNBI, 
a 63 decoration: InputDecoration(labelText: "NBI"), 
"i 64 ); TextFormField 
? my gps -" cc Tower mmm E ATAL 
my. mahasiswa j "t i ako " mes g 
dart tool - — 
OUTLINE * 
Performing hot restart... 
DEPENDENCIES Restarted application in 5,5@9ms. 
) MAVEN 


Untuk bodynya 


OPEN EDITORS 


FLUTTER 
build 


v lib 

Mm DataTabeldart 
^^ mahasiswa.dart 
A main.dart 

A Mhs.dart 

IN Services.dart 
tampil mhs.dart 


(8 tampil mhs2 


test 
flutter-plugins 
flutter-plugins-de. 


€ gitignore 


adata 
packages 


a anewoneim 


> my. ops . 
my. mahasiswa 
dart tool 
OUTLINE 
DEPENDENCIES 
MAVEN 


File Edit Selection 


OPEN EDITORS 


FLUTTER 
build 


lib 
“a DataTabel.dart 
^^ mahasiswa dart 


main.dart 


vices.dart 


tampil mhs.dart 


tampil mhs2.dart 


est 
flutter-plugins 
flutter-plugins-de 

€ gitignore 
metadata 
packages 

A anewoneiml 

# connect.php 


@ mahasiswa.php 


pubspec lock 
pubspec yaml 


> my ops . 


my. mahasiswa 


dart tool 
OUTLINE 
DEPENDENGES 


MAVEN 


View Go Run 


^" maha: 


goverride 
Widget build(BuildContext context) ( 
T return Scaffold( 


54 appBar: AppBar( 
55 title: Text("Register"), 
56 y Bar 
57 . body: Form( 
58 child: ListView( 
59 padding: EdgeInsets.al1(16.8), 
60 children: <Widget>[ 
61 TextFormF ield( 
controller: ctrNBI, 


decoration: 
); TextFormField 
TextFormF ield( 

controller: ctriama, 


» TextFormField 
69 TextFormField( 
a controller: ctrAlamat, 


1 decoration: InputDecoration(labelText: 


72 Y TextFormField 
73 TextFormField( 
4 controller: 
5 decoration: 


3c ` = SN 


ctrEmail, 


Ke 


Performing hot restart. 
Restarted app. 


ation 


Terminal Help 


X "^ maindart !p 


5 decoration: 
76 )» TextFormF i 
MaterialButton( 
color: Colors.red, 
9 textColor: Colors.white, 
8e onPressed: () ( 
81 Proses("simpan"); 
82 b; 
child: Text("Simpan"), 
» laterialButt 
MaterialButton( 
color: Colors.red, 
textColor: Colors.white, 
onPressed: () { 
Proses("ubah"); 


Sy 

91 child: Text("Ubah"), 

32 » laterialButt 

MaterialButton( 
color: Colors.red, 
textColor: Colors.white, 
onPressed: () ( 


Proses("hapus"); 


, 
39 child: Text("Hapus"), 
100 5 laterialButto 
MaterialButton( 


TERMINAL t 
Performing hot restart 


Restarted application in 5,509ms. 
I/SurfaceView(24298): updateWindow -- setFrame, this = 


InputDecoration(labelText: 


decoration: InputDecoration(labelText: 


InputDecoration(labelText: "email"), 


mahasiswa dart - 


InputDecoration(labelText: "email"), 


1o.flutter.embedding.android.FlutterSurfac 


M5 Note - 


* empl 


Register 


Nama 


Alamat 


"NBI"), 


Simpan 


"Nama”), 
Jbah 


Hapus 


> 


amat"), 


Flutter - Visual Studio Code = 


M mhs.php 


Wiew{773abS@ V.E...... ...... I. 


* M5 Note 


EXPLORE A main.dart ! pubspecyam on 3:31 PM coe HO 
OPEN EDITORS ^ 
FLUTTER 77 MaterialButton( Register 
busa W 7 color: Colors.red, 
9 textColor: Colors.white, 
b 80 onPressed: () ( Simpan 
® DataTabel.dart 81 Proses("simpan"); 
"€ mahasiswa.dart 82 }, 
O waabickat 83 child: Text("Simpan"), Ubah 
A Mhs.dart » t lButt 
MaterialButton( 
a color: Colors.red, 
87 textColor: Colors.white, 
38 onPressed: () ( 
89 Proses("ubah"); 
30 b 
91 child: Text("Ubah"), 
92 y laterialButt 
93 MaterialButton 
LIT wo» color: Colors.red, 
GA ) textColor: Colors.white, 
36 onPressed: () ( 
97 Proses("hapus"); 
8 b 
99 child: Text("Hapus 
18€ ), laterialButt 
101 MaterialButton( 
jr W 102 color: Colors.red, 
) my ops . 103 textColor: Colors.white, 
my. mahasiswa R ake 
art toc 
OUTLINE Restarted appl 
L/SurfaceVie = io. flutter. embedding. android. Fl 
DEPENDENCIES 1/[MALI][Gral x share fd(78 
MAVEN 


X) File Edit Selection View Go Run Terminal Help mahasiswa dart - Flutter - Visual Studio Code = ao x 
E £ x A main.dart ! pubspec yam ** connect phr ® maha a.phr M employee actions. php ® mhs.phr (D 
OPEN EDITORS 2 > ane e ^ mahas a ahas S Y 
FLUTTER textColor: Colors.white, 


build JE 


onPressed: () { 


) Proses("hapus"); | 
b b 
"^ Datat: art child: Text("Hapus"), 
A mahasiswa.dart 100 » laterialButt 
f main.dart 101 MaterialButton( 
A Mhs.dart m 102 color: Colors.red, Pel 
103 textColor: Colors.white, 
^^ Servio t , 


04 onPressed: () ( 


^ tampil mh 


10 reset(); 
A tampil ml it 10€ L 

107 child: Text("Reset"), 

108 d; lat s1Butt 

de 109 MaterialButton( 
miie color: Colors.red, 
111 textColor: Colors.white, 
112 onPressed: () ( 
Proses("lihat"); ^ 
h 
child: Text("Lihat"), 
», later Butt 
i get 
If B 

11 " 
Jr 120 i 
my. ops . 121 
my. mahasiswa a“. = 4 m 

art toc EJ 1 
OUTLINE R 
ys I 
DEPENDENGES I/[MALI][Gralloc](24298): [+]r_hnd(@x7#7 


MAVEN 0 


Data Tabel dari List 


Menggunakan prinsip sebelumnya, kali ini dalam menampilkan data 
tabel, kita dapat menggunakan penguraian data dari objek ke dalam 


peta List. Kita dapat memanggilnya dengan mudah saat sudah di 


convert ke dalam peta List 
daripada masih dalam bentuk 

//mendeklarasikan class atribut yang akan digunakan 
mhs((this.nbi, this.nama, this.email)); 


class mhs ( 
String nbi; 
String nama; 
String email; 


1 
2 
Objek. Untuk menguraikannya |; 
dalam List, pertama kita harus | s 
membuat model class data 7 
tersebut. - 


D 


// factory adalah fungsi untuk mengembalikan instance kelas 
10 factory mhs.fromJson(Map«String, dynamic» json) ( 


11 return mhs( 

12 nbi: json['nbi'] as String, 

13 nama: json['nama'] as String, 
14 email: json['email'] as String, 
15 3 

16 ) 

17 ) 


Paket HTTP 


import 'package:flutter/material.dart'; 
| import 'DataTabel.dart'; 


Di dalam file inilah kita akan 
membangun UI dan 
prosedurnya. 


void main() runApp(MyApp()): 


class MyApp extends StatelessWidget { 
@override 
Widget build(BuildContext context) { 
return MatenialApp( 


DONO BUN P 


home: TampilTabel()); 


Buka datatabel 


X) File Edit Selection 


OPEN EDITORS 


FLUTTER 
> build 


ios 

v lib 

A DataTabel dart 

^^ mahasiswa.dart 

A main.dart 

A Mhs.dart 

A Services.dart 

A tampil mhs.dart 

(N tampil mhs2.dart 
test 
flutter-plugins 
flutter-plugins-de. 

€ gitignore 
metadata 
packages 

A anewoneiml 

# connect.php 


@ mahasiswa php 


> my gps . 


my. mahasiswa 


dart 
OUTLINE 
DEPENDENCIES 
> MAVEN 


Dan diurai 


X) Fila Edit Selection 


OPEN EDITORS 


FLUTTER 
> build 


v lib 
A DataTabel.dart 


^ mahasiswa.dart 


^^ mainda 
A Mhs.dart 

A Services.dart 

A tampil mhs.dart 


^^ tampil mhs2.dart 


flutter-plugins 
flutter-plugins-de 
€ gitignore 
metadata 
packages 
A anewoneiml 
# connect php 
@ mahasiswa.phr 
pubspec lock 
! pubspec.yaml 
@ README.md 
> gps 
> my ops . 
v my. mahasiswa 
dart tool 
OUTUNE 
DEPENDENCIES 
> MAVEN 


A mahasisw 


A main.dart 


View Go Run Terminal 


View Go Run Terminal 


Help main.dart - Flutter - Visual Studio Code = a 
^^ main.dart x ! St emplo ® mhsphp è 
anewone > lib > @ main.dart > tg MyApp > (pb 
import ‘package: flutter/material.dart’; -u E 
import 'DataTabel.dart'; = 
/ import 'mahasiswa.dart'; 


void main() => runApp(MyApp()); 


class MyApp extends StatelessWidget { 
override 
Widget build(BuildContext context) { 
return MaterialApp( 
title: 'MySQL', 
theme: ThemeData( 
primarySwatch: Colors.red, 


M ThemeData 
. home: TampilTabel()); p 
/ home: Mahasiswa()); 

) 

) 
DEBUG CONSOL ones MES mae 
24298): #25 _invokel (dart:ui/hooks.dart:265:10 
4298): #26 _dispatchPointerDataPacket (dart:ui/hooks.dart:174:5 
24298) 
24298): FinalizerDaemon: finalize objects = 5 


Help Services.dart - Flutter - Visual Studio Code = a 


A DataTabel.dart 


import 


“dart: convert’; 
import 'package:http/http.dart' as http; 
import 'Mhs.dart'; 


class Services ( 
// Saus * Source (slang bahasa) 
static const Saus = "http://192.168.100.7:80/flutter2/mhs.php' 


8 static const _GET_DATA = 'TAMPIL'; 
9 
10 static Future«List«mhs»» getDatalist() async ( 
11 try 4 
12 var map = Map<String, dynamic>(); 
13 map['aksi'] = GET DATA; 
14 / variabel reponse akan menunggu request http untuk direspon dengan 
15 / mengirim data map, yaitu aksi untuk melihat semua data 
16 final response - await http.post(Saus, body: map); 
17 // untuk menampilkan respon data yang diterima di Output Terminal 
8 print('getData Respons: $(response.body)'); 
19 / Menguraikan data dari Objek (JSON) ke List 
20 List«mhs» list = parseResponse(response.body); 
21 / Mengembalikan data berupa List 
22 return list; 
2 ) catch (e) { 
24 /Jika datanya tidak ada atau error lainnya 
25 return List«mhs»(); // Mengembalikan data kosong 
26 ) 
2 ) 
28 
29 / Fungsi pengurai Objek menjadi List 
OUTP TERMINAL D O LE ROBLEMS GS - n â 
I/flutter (24298): Baris Data diketahui ada sebanyak 1 


0 


X) File Edit Selection View Go Run Terminal 


) OPEN EDITORS 


v FLUTTER 
) build 


> ios 

v hib 

A DataTabel.dart 

mahasiswa dart 

A main.dart 

A Mhs.dart 

A Services.dart 

A tampil mhs.dart 

A tampil mhs2.dart 

> test 
flutter-plugins 


ff 


ler-plugins-de. 

€ gitignore 
metadata 
packages 

A anewoneiml 

# connect.php 

@ mahasiswa.php 


! pubspecyami 
(D README.md 
> gps 
> my gps . 
v my. mahasiswa 
dart tool 
> OUTLINE 
DEPENDENOES 
MAVEN 


Help Services.dart - Flutter - Visual Studio Code = a x 
A maindart ^ DataTabel.dart A Services.dart X ! pubspecyam @ connect.php ® mahasiswa php employee actionsp (I) 
2 > anewone > lib > Service: ‘ts Service: parseResp e 
aa ya 
2 var map = Map<String, dynamic>(); 
13 map['aksi'] = _GET_DATA; 
14 // variabel reponse akan menunggu request http untuk direspon dengan SI WB 
15 // mengirim data map, yaitu aksi untuk melihat semua data 
16 final response - await http.post(Saus, body: map); 
17 // untuk menampilkan respon data yang diterima di Output Terminal 
18 print('getData Respons: $(response.body)'); 
19 // Menguraikan data dari Objek (JSON) ke List 
20 List«mhs» list - parseResponse(response.body); 
21 // Mengembalikan data berupa List 
22 return list; 
23 ) catch (e) ( 
24 //Jika datanya tidak ada atau error lainnya 
25 return List«mhs»(); // Mengembalikan data kosong 
26 ) 
27 } 
29 // Fungsi pengurai Objek menjadi List 
3e static List«mhs» parseResponse(String responseBody) ( 
31 // Variabel parsed, menerima hasil decode JSON, dan mengurainya menjadi Map 


32 * final parsed = json.decode(responseBody).cast«Map«String, dynamic>>(); 


33 // Data decode yang diurai menjadi Map, diubah menjadi List. 
34 return parsed.map<mhs>((json) => mhs.fromJson(json)).tolist(); 
35 } 

36 } 


s MES 


24298): Baris Data diketahui ada sebanyak 1 


) OPEN EDITORS 


FLUTTER 
build 


xj File Edit Selection View Go Run Terminal Help DataTabel dart - Flutter - Visual Studio Code = 
^* maindart ^* DataTabeldart x dart ^* Mhsdart ! pu am 
M2 > anewone > lib > & DataTabel.dart 
1 import 'package:flutter/material.dart'; i 


(N DataTabel.dart 
mahasiswa dart 
AN main.dart 
A Mhs.dart 


^* Services 
tampil mhs.dart 
A tampil mhs2.dart 
test 
flutter-plugins 
flutter-plugins-de. 
€ gitignore 
metadata 
packages 
à anewoneiml 
# connect.php 
@ mahasiswa.php 
pubspec.lock 
! pubspecyaml 
(D README.md 
> gps 
my gps . 


my. mahasiswa 


dart tool 
OUTLINE 
> DEPENDENCIES 


> MAVEN 


2 import 'Mhs.dart'; 
3 import 'Services.dar 


class TampilTabel extends StatefulWidget ( 
goverride 


lam 


TampilTabelState createState() => TampilTabelState(); 
8 ) 
9 
10 class TampilTabelState extends State«TampilTabel» ( 
11 // List dengan map mahasiswa, membuat List ini menjadi mirip dengan objek 
12 List«mhs» mahasiswa; 
13 
14 goverride 
15 // initState suatu method yang dipanggil sekali ketika widget stateful 
16 // dimasukkan ke dalam pohon widget. Method ini juga harus diikuit dengan deklarasi super 
17 // dan bersifat protected dalam kelas State ini. 
18 void initState() ( 
19 super.initState(); 
20 -.getMhs(); 
21 ) 
22 
23 _getMhs() ( 
24 // Memanggil fungsi getDatalist dari file Services.dart. Kemudian melakukan 
25 // setState mahasiswa. 
26 Services.getDataList().then((mahasiswa) ( 
27 setState(() ( 
28 .mahasiswa - mahasiswa; 
29 D; 


ONSOLE PROBLEMS QAM 


I/flutter (24298): Baris Data diketahui ada sebanyak 1 


X) File Edit Selection View Go Run 


) OPEN EDITORS 


FLUTTER 
> build 


ios 
v lib 
** DataTabel.dart 
^ mahasiswa.dart 
A main.dart 
^^ Mhs.dart 
^* Services.dart 
tampil mhs.dart 
A tampil mhs2.dart 
> test 
flutter-plugins 
flutter-plugins-de. 
€ gitignore 
metadata 
packages 
A anewoneiml 
# connect php 
@ mahasiswa.php 


> my gps . 
my. mahasiswa 
dart tool 

> OUTLINE 
DEPENDENCIES 
MAVEN 


X) File Edit Selection View Go Run Terminal Help 


v lib 


~ DataTabel.dart 


^'^ mahasiswa.dart 
A main.dart 
^^ Mhs.dart 
^* Services.dart 
tampil mhs.dart 
^^ tampil mhs2.dart 
test 
fiutter-plugins 
flutter-plugins-de. 
€ gitignore 
metadata 
packages 
A anewoneiml 
® connect.php 
@ mahasiswa.php 
pubspec lock 
! pubspec.yaml 


(D README.md 


> my aps . 
v my. mahasiswa 
dart tool 

OUTLINE 
DEPENDENGES 
> MAVEN 


A main.dart 


Terminal Help DataTabel.dart - Flutter - Visual Studio Code 


^ DataTabel.dart x — N dart A Mhs.dart ! put m @ connect.php 


2 > anewone > lib > (4 Da da 
21 ) 
2 _getMhs() ( 
24 / Memanggil fungsi getDatalist dari file Services.dart. Kemudian melakukan 
25 // setState mahasiswa. 
26 Services.getDataList().then((mahasiswa) ( 


setState(() ( 


28 .mahasiswa - mahasiswa; 

29 ni 

3e print("Baris Data diketahui ada sebanyak $(mahasiswa.length)"); 

31 D; 

32 ) 

34 // User Interface-nya 

35 goverride 

36 Widget build(BuildContext context) ( 

37 return Scaffold( 

38 appBar: AppBar( 

39 title: Text('Lihat Data"), // we show the progress in the title... 
4e m AppBar 

41 body: Container( 

42 child: Column( 

43 mainAxisAlignment: MainAxisAlignment.center, 

44 children: <Widget>[ 

45 // Expanded membuat widget yang memperluas turunan dari (Baris), 
46 / (Kolom), atau (Flex) sehingga turunan mengisi ruang yang tersedia 
47 / di sepanjang sumbu utama flex widget. 

48 Expanded( 

49 / SingleChildScrollView, membuat kotak di mana satu widget dapat scroll. 
Our? ONSOLE PROBLEMS (M 

I/flutter (24298): Baris Data diketahui ada sebanyak 1 


A main. dart 


I/flutter 


DataTabel.dart - Flutter - Visual Studio Code 


^ Mhs 


// SingleChildScrollView, membuat kotak di mana satu widget dapat scroll. 
child: SingleChildScrollView( 
scrollDirection: Axis.vertical, //secara vertical 
child: SingleChildScrollView( 
scrollDirection: Axis.horizontal, //secara horizontal 
child: DataTable( //Widget yang mendeskripsikan data tabel 
columns: [ 
DataColumn( 
label: Text('NBI'), 
)» DataColum 
DataColumn( 
label: Text('Nama'), 
s DataColum 
DataColumn( 
label: Text('Email'), 


), // DataColum 


rows: mahasiswa //variabel baris data (isinya) 
.map( 
(mhs) => DataRow(cells: | 
DataCell( 
Text(mhs.nbi), 
Js DataCell 
DataCell( 
Text(mhs.nama.toUpperCase()), 
D” ataCell 
DataCell( 
Text(mhs.email), 


24298): Baris Data diketahui ada sebanyak 1 


x3 


File Edit Selection View Go Run Terminal Help 


^* main dart 


OPEN EDITORS 2 > ane 
FLUTTER g 
build E 
59 
ios 
6e 
| 
b 
61 
DataTabel.dart 1 
mahasiswa.dart 63 


main.dart 


Services.dart 


^" 
AJ 
"^ 
^^ Mhs.dart 
~ 
^^ tampil mhs.dart 
^ 


tampil mhs2.dart -s 
test 
futte p n: ra 
utter-plugins 
g 1 
flutter-plugins -de 34 
€ gitignore 73 
metadata 
packages 


a anewoneiml 

@ connect.php 

@ mahasiswa.php 
pubspec.lock 


8e 
! pubspecyaml 9 
81 
@ README.md 
82 
gr 83 
> my ops . 
my. mahasiswa 85 
dart tool > 
OUTLINE — 
DEPENDENCIES 


MAVEN 


DataTabel.dart - Flutter - Visual Studio Code 


N DataTabel.dart A Mhs ! pubspecyam 
DataColumn( 
label: Text( 'Nama"), 
» DataColur 
DataColumn( 
label: Text('Email'), 
» DataColumn 
L 
rows: _mahasiswa //variabel baris data (isinya) 
.map( 
(mhs) => DataRow(cells: | 
DataCell( 
Text(mhs.nbi), 
» ataCel 
DataCell( 
Text(mhs.nama.toUpperCase()), 
)» Dat 
DataCell( 
Text(mHs .emai1), 
» DataCell 
p, DataRo 
) 
.tolist(), 
)» itaTable 
», c ie 
S 
) Expa 
L Widget 


mhs dart 


X) File Edit Selection View Go Run Terminal Help Mhs.dart - Flutter - Visual Studio Code 
A main.dart A DataTabel dart ^ Mhsdart x ! 
OPEN EDITORS 2 > anewone > lib > @ d = 
FLUTTER 1 class mhs { 
build 2 String nbi; 
ios 3 String nama; 
v lib 4 String email; 
"€ DataTabel.dart 5 
M nl det 6 /mendeklarasikan class atribut yang akan digunakan 
EE mhs((this.nbi, this.nama, this.email}); 
^^ Mhs.dart 2 
AV Services cit 9 / factory adalah fungsi untuk mengembalikan instance kelas 
10 factory mhs.fromJson(Map«String, dynamic» json) ( 
A tampil mhs.dart 11 return ahs( 
tampil mhs2 dart 12 nbi: json['nbi'] as String, 
test 13 nama: json['nama'] as String, 
flutter-plugins 14 email: json['email'] as String, 
flutter- plugins-de. 15 5 
€ gitignore 16 } 
metadata 17 } 
packages 


A anewoneim 

@ connect.php 

€t mahasiswa.php 
pubspec.lock 


! pubspecyami 


my. mahasiswa 


dart too 
OUTLINE oum 
DEPENDENCIES 


> MAVEN 


Clas services 


298): Baris Data diketahui ada sebanyak 1 


ms 


X) File Edit Selection View Go Run Terminal Help Services.dart - Flutter - Visual Studio Code = a x 
EXPLORER ... ^* maindart A DataTabel.dart ^* Servicesdart X D Mhsdart ! pubs @ connect.php ** employee actionsp. (D 
OPEN EDITORS M2 > anewone > lib >  Services.dart  €$ Services > @ Sau 
FLUTTER 1 import 'dart:convert'; 

? build 2 import 'package:http/http.dart' as http; 
ios 3 import 'Mhs.dart'; m 
v lib 4 
(N DataTabel dart 5 class Services ( 
TE 6 #// Saus = Source (slang bahasa) 
M pandat 7 static const Saüs| = 'http://192.168.100.7:80/flutter2/mhs.php'; 4 
aa 8 static const GET DATA = 'TAMPIL'; 
9 
bean 10 static Future«List«mhs»» getDatalist() async ( 
tampil mhs.dart 11 try A 
A tampil mhs2.dart 12 var map = Map<String, dynamic>(); 
> test 13 map['aksi'] = _GET_DATA; 
flutter-plugins 4 // variabel reponse akan menunggu request http untuk direspon dengan 
plugins-de. 15 // mengirim data map, yaitu aksi untuk melihat semua data 
€ gitignore 16 final response = await http.post(Saus, body: map); 
itd 17 / untuk menampilkan respon data yang diterima di Output Terminal 
packages 18 print('getData Respons: $(response.body)'); 
pd 19 // Menguraikan data dari Objek (JSON) ke List 
Sana 20 List«mhs» list - parseResponse(response.body); 
21 / Mengembalikan data berupa List 
# mahasiswa.php 22 return list; 
om 23 } catch (e) { 
! pubspecyaml 24 //Jika datanya tidak ada atau error lainnya 
(D README.md 25 return List«mhs»(); // Mengembalikan data kosong 
> gps 26 ) 
> my.ops © 27 } 
v my. mahasiswa 28 
dart tool 29 / Fungsi pengurai Objek menjadi List 
> OUTLINE OUTPU MINAL GCONSOLE P s ao i ge m 8 
D lutter (24298): Baris Data diketahui ada sebanyak 1 
) MAVEN 


x) File Edit Selection View Go Run Terminal Help mhs.php - Flutter - Visual Studio Code es a x 
^^ maindart As ^* Mhs.dart ! pul ®@ mhsphp x a 
OPEN EDITORS C: > xampp > htdocs php 
v FLUTTER 8 Pz 
> build 9 / kita akan mendapatkan aksi dari aplikasi untuk melakukan operasi di database... Tis 
ios 10 $aksi - $ POST["aksi"]; Vane 
v lib 11 
(N DataTabel.dart 12 // Membuat Koneksi 
(^ mahasiswa.dart 13 $koneksi = new mysqli($namaServer, $username, $password, $namaDB) ; 
A main.dart 14 
Q Mnsdart 15 / Get semua record mahasiswa dari database 
» " PA 16 if("TAMPIL" == $aksi){ 
E 17 $dataDB - array(); 
A tampil mhs.dart 18 $sql - "SELECT nbi, nama, email from $tabel ORDER BY nbi "; 
A tampil mhs2.dart 19 $hasil = $koneksi-»query($sq1); 
test 20 if($hasil-»num rows > @){ //Jika ada datanya. 
flutter-plugins 21 while($row * $hasil-»fetch assoc())( //datanya bisa diasosiasikan kedalam array = 
flutter-plugins-de. 22 $dataDB[] = $row; //store data array 
€ gitignore 23 ) 
metadata 24 / Mengirimkan kembali dalam bentuk JSON 
25 j ; 
packages 2 echo json encode($dataDB); 
A anewoneiml e Jalsat 
27 echo "error data tidak ada"; 
@ connect.php 8 ) 
@ mahasiswa.php 
mahasisu.phg 29 Bkoneksi->close(); 
pubspec.lock 30 return; 
! pubspec.yaml 1 ) 
@ README.md 2> 
^ gps 
> my gps . 
v my. mahasiswa 
dart tool 
OUTLINE OUT? D£8UG CONSOLE PROBLEMS GX ak T ê " 
DEPENDENCIES I/flutter (24298): Baris Data diketahui ada sebanyak 1 
> MAVEN D 


Dari print 


x 


File Edit Selection View Go Run Terminal Help Services.dart - Flutter - Visual Studio Code = a x 


A maindart A DataTabel.dart ^^ Servicesdart X OO Mhs ! pubspec.yami @ mhsphp m 


M2 > anewone > lib > N Se art > 4g Services 
1 import 'dart:convert'; 
2 import 'package:http/http.dart' as http; 


import 'Mhs.dart'; 
lib 4 
^^ DataTabel dart 5 class Services ( 
A mahasiswa.dart 6 // Saus * Source (slang bahasa) 
Q mandat 7 static const Saus = 'http://192.168.100.7:80/flutter2/mhs.php'; T 
basa . static const GET DATA - 'TAMPIL'; 
"^ dart 
Amaran 10 static Future«List«mhs»» getDatalist() async ( 
^'^ tampil mhs.dart 11 try ( 
tampil mhs2.dart 12 var map = Map<String, dynamic>(); 
> test 13 map['aksi'] = _GET_DATA; 
flutter-plugins 14 // variabel reponse akan menunggu request http untuk direspon dengan 
flutter-plugins-de. 15 // mengirim data map, yaitu aksi untuk melihat semua data 
€ gitignore 16 final response - await http.post(Saus, body: map); 
metadata 17 // untuk menampilkan respon data yang diterima di Output Terminal 
packages 18 print('getData Respons: $(response.body)'); 
x 19 // Menguraikan data dari Objek (JSON) ke List 
a anewoneimi 
e "e 20 List«mhs» list - parseResponse(response.body); 
"ec e ; ` 
Sem 21 // Mengembalikan data berupa List 
€t mahasiswa php 22 return list; 
pubspec.lock 
! pubspecyami JTPUT DEBUG CONSO R Lol Am +~ (D 8 È 
@ README. md I/flutter (24298): #422  WidgetsBinding.scheduleAttachRootWidget.«anonymous closure» (package:flutter/src/widgets/binding.dart:955:7 
> gps I/flutter (24298): (elided 11 frames from class _RawReceivePortImpl, class Timer, dart:async, and dart:async-patch) 
> my.gps e I/flutter (24298): ==== 
i I/flutter (24298): getData Respons: [{"nb: 1461900132 
v my. mahasiswa I/flutter (24298): Baris Data diketahui ada sebanyak 1 
dart tool 0 
> OUTLINE 
> DEPENDENGES 
) MAVEN 


X) File Edit Selection View Go Run Terminal Help Services dart - Flutter - Visual Studio Code = a x 
A main dart A DataTabel.dart ^^ Servicesdart X  Mhsdart ! * mhsphp (D 
PTM2 > anewone > lib >  Services.dart > Êg Services > (D) parseResponse 
13 map['aksi'] = _GET_DATA; 
14 // variabel reponse akan menunggu request http untuk direspon dengan 4 
ios 15 // mengirim data map, yaitu aksi untuk melihat semua data 
v lib 16 final response - await http.post(Saus, body: map); 
A DataTabel dart 17 // untuk menampilkan respon data yang diterima di Output Terminal 
(& mahasiswa dan 18 print('getData Respons: $(response.body)'); 
A main dart 19 // Menguraikan data dari Objek (JSON) ke List 
& Misdart 20 List«mhs» list - parseResponse(response.body); 
Ns "Y 21 // Mengembalikan data berupa List 
ervices. Š : 
22 return list; 
A tampil mhs.dart 23 ) catch (e) ( 
A tampil mhs2.dart 4 //Jika datanya tidak ada atau error lainnya | | 
? test 25 return List«mhs»(); // Mengembalikan data kosong 
flutter-plugins 26 } 
flutter-plugins-de. 27 } 
€ gitignore 28 
metadata 29 // Fungsi pengurai Objek menjadi List 
packages 3 static List«mhs» parseResponse(String responseBody) ( 
OEIL 31 // Variabel parsed, menerima hasil decode JSON, dan mengurainya menjadi Map 
~ LON 32 * final parsed - json.decode(responseBody) .€astkMap<String, dynamic>>(); 
nnec 
—Y 33 // Data decode yang diurai menjadi Map, diubah menjadi List. 
- hasiswa.phi 34 4 
nop» 34 return parsed.map<mhs>((json) => mhs.fromJson(json)).toList(); 
pubspec lock 
! pubspecyami OUTPUT DEBUG CO PROBLE Ke t + Ds 
@ README.md I/flutter (24298): #422 ^ WidgetsBinding.scheduleAttachRootWidget.«anonymous closure» (package:flutter/src/widgets/binding.dart:955:7) 
> gps VF (24298): (elided 11 frames from class _RawReceivePortImpl, class Timer, dart:async, and dart:async-patch) 
WA pl—MAAÀ —————————————— 
> my.gps = " ER ya ERE 5 E 
VF (24298): getData Respons: [("nbi": Miftahul Anwar","email":"miftaggmail.con")] 
“my mahasiswa I/fli (24298): Baris Data diketahui ada sebanyak 1 
dart tool 0 
> OUTLINE 
> DEPENDENOES 


> MAVEN 


x 


File Edit Selection View Go Run Terminal Help Services.dart - Flutter - Visual Studio Code = a x 
A main.dart A DataTabel.dart  Servicesdart X — '* Mh ! pubspecyam (D 
OPEN EDITORS 2 > anewone > lib >  Services.dart > 4g Serv © parseResponse 
FLUTTER ) catch (e) ( 
? build /Jika datanya tidak ada atau error lainnya 
ios 25 return List«mhs»(); Mengembalikan data kosong 
v lib ) 
A DataTabel.dart } 
mahasiswa dart 
Q mandat / Fungsi pengurai Objek menjadi List 
“Mider static List<mhs> parseResponse(String responseBody) ( 
Perey // Variabel parsed, menerima hasil decode JSON, dan mengurainya menjadi Map 
32 * final parsed = json.decode(responseBody).cast«Map«String, dynamic>>(); 
“9 tampil.mhs.dart // Data decode yang diurai menjadi Map, diubah menjadi List. 
Q tampil mhs2.dart return parsed.map«mhs»((json) => mhs.fromJson( json)).toList(), ml 


> test 
fiutter-plugins 
flutter-plugins-de. 

€ gitignore 
metadata 
packages 

a anewoneiml 

# connect.php 


@ mahasiswa.php 


pubspec lock 
! pubspecyami 
(D README.md 
^ gps 
> my gps . 
v my. mahasiswa 
dart tool 
> OUTLINE 
DEPENDENOES 
MAVEN 


OPEN EDITORS 


v FLUTTER 
) build 


v lib 
DataTabel.dart 
mahasiswa.dart 


main.dart 


^ 

~ 

^ 

^* Mhs.dart 

"^ Services.dart 

^* tampil mhs.dart 

A tampil mhs2.dart 
test 
flutter-plugins 
flutter-plugins-de. 

€ gitignore 
metadata 
packages 

& anewoneimi 

@ connect. php 

@ mahasiswa php 
pubspec.lock 

! pubspecyami 

(D README.md 

> gps 

> my aps . 


v my. mahasis 
dart tool 
OUTUNE 
DEPENDENCIES 
» MAVEN 


24298): $422 WidgetsBinding.scheduleAttachRootWidget.«anonymous closure» (package:flutter/src/widgets/binding.dart:955:7 
24298): (elided 11 frames from class _RawReceivePortImpl, class Timer, dart:async, and dart:async-patch) 

24298): mem oo -T-------- 

24298): getData Respons: [("nbi 1"miftaggmail.com")] 


er (24298): Baris Data diketahui ada sebanyak 1 


Terminal Help 


* M5 Note 


N DataTabel.dart X 


ewone ^ el.dart > 44 TampilTabelState > @ build 
Widget build(BuildContext context) { 
return Scaffold( 


appBar: AppBar( 


Lihat Data 


title: Text('Lihat Data'), // we show the progress in the title... NBI Nama Emė 
M Bar 
. : 
body: Gea C 1461900132 MIFTAHUL ANWAR mift 


child: Column( 
mainAxisAlignment: MainAxisAlignment.center, 
children: <Widget>[ 
/ Expanded membuat widget yang memperluas turunan dari [Baris], 
// (Kolom), atau [Flex] sehingga turunan mengisi ruang yang tersedia 
/ di sepanjang sumbu utama flex widget. 
Expanded( 
/ SingleChildScrollView, membuat kotak di mana satu widget dapat scr 
child: SingleChildScrollView( 
scrollDirection: Axis.vertical, 
child: SingleChildScrollView( 
scrollDirection: Axis.horizontal, 
child: DataTable( //Widget yang mendeskripsikan data tabel 
columns: [ 
DataColumn( 
label: Text('NBI'), 


//secara vertical 


//secara horizontal 


): #422 WidgetsBinding.scheduleAttachRootWidget.«anonymous closure» (package:flutter/s 


): getData Respons: [("nbi": “TS 
): Baris Data diketahui ada sebanyak 1 


"email":"miftaggmail.con 


x File Edit Selection View Go Run Terminal Help DataTabei dart - Flutter - Visual Studio Code 


A main dart ^ DataTabeldart X (4 Services.dart !p @ mhs.php 
) OPEN EDITORS M2 > anewone > lib > Data da 
v FLUTTER 1 import 'package:flutter/material.dart'; 
> build 2 port 'Mhs.dart'; 
ios 3 import ‘Seryices.dart'; 
v lib 4 
N DataTabel dart 5 class TampilTabel extends StatefulWidget { 
mahasiswa dart 6 @override 
Q maindat 7 TampilTabelState createState() => TampilTabelState(); 
^ Mhs.dart : ) 
onera 10 class TampilTabelState extends State<TampilTabel> ( 
^ tampil mhs.dart 11 // List dengan map mahasiswa, membuat List ini menjadi mirip dengan objek 
tampil mhs2 dart 12 List«mhs» mahasiswa; 
> test 13 
fiutter-plugins 14 goverride 
er-plugins-de 15 // initState suatu method yang dipanggil sekali ketika widget stateful 
€ gitignore 16 / dimasukkan ke dalam pohon widget. Method ini juga harus diikuit dengan deklarasi super 
asd 17 // dan bersifat protected dalam kelas State ini. 
peckages 18 void initState() { 
hood 19 super.initState(); 
a muka 2 || ewo; 
@ mahasiswa php um 


pubspec Jock 
DEBUG CONSOLE PROBLEMS (MB 


! pubspecyami 


(D README.md 


T/flutter (24298): #422 WidgetsBinding.scheduleAttachRootWidget.«anonymous closure» (package:flutter/src/widgets/binding.dart:95: 
> gps I/flutter (24298): (elided 11 frames from class RawReceivePortImpl, class Timer, dart:async, and dart:async-patch) 
> my.gps " L flutter 24298) " 
I/flutter (24298): getData Respons: [("nb: 
V my pena I/flutter (24298): Baris Data diketahui ada sebanyak 1 
dart tool 0 
> OUTLINE 
DEPENDENGES 
) MAVEN 


X) File Edit Selection View Go Run Terminal Help DataTabel.dart - Flutter - Visual Studio Code 
EXPLORER ... A maindart ^ DataTabel.dart X © Sery ! pub ** mhsphp 
) OPEN EDITORS PTM2 > anewone > lib > @ DataTabel.dart > t$ TampilTabelState 
^ FLUTTER zm 
) build e -getMhs() ( 
n 24 // Memanggil fungsi getDatalist dari file Services.dart. Kemudian melakukan 
ios 
ib 25 // setState mahasiswa. 
* 26 © Services.getDatalist().then( (mahasiswa) { 
** DataTabel.dart 27 setState(() ( 
O mahasiswadart 28 _mahasiswa = mahasiswa; 
A main.dart 29 D; 
(^ Mhs.dart 30 print("Baris Data diketahui ada sebanyak $(mahasiswa.length)"); 
A Services.dart 31 D; 
^8 tampil mhs.dart 32 ) 
IN tampil mhs2.dart 3 
KK 34 / User Interface-nya 
SOUS TU 35 Genap : 
- á 36 Widget build(BuildContext context) { 
flutter-plugins-de. " 
em och 3 return Scaffold( 
€ gitignore 38 appBar: AppBar( 
metadata 39 title: Text('Lihat Data"), // we show the progress in the title... 
packages 40 IA AppBar 
À anewoneiml 41 body: Container( 
# connect.php 42 child: Column( 
€t mahasiswa.php 43 mainAxisAlignment: MainAxisAlignment.center, 
pubspec lock 44 children: «Wideet»f 
! pubspecyami OUTPUT DEBUG CONSOLE — PROBLEMS Gi 
@ READMEmd I/flutter (24298): $422 ^ WidgetsBinding.scheduleAttachRootWidget.«anonymous closure» (package: flutter/src/widgets/binding.dart:955 
> gps I/flutter (24298): (elided 11 frames from class _RawReceivePortImpl, class Timer, dart:async, and dart:async-patch) 
Jem x I/flutter (24298): eeeeeeee e errore en ————————————Ó 
ie I/flutter (24298): getData Respons: [("nbi": TN :"Miftahul Anwar”, "email": "mifta@gmail.com"}] 
aka “ema I/flutter (24298): Baris Data diketahui ada sebanyak 1 
dart tool 0 
> OUTLINE 
> DEPENDENCIES 


> MAVEN 


Os 


x File Edit Selection View Go Run Terminal Help DataTabel.dart - Flutter - Visual Studio Code = [n] x 
A main dart ^ DataTabeldart X € Services.dart ^ Mhsda ! pub ** mhsphp m 
2 > anewone > lib > '& Data dart > 4 TampilTabelState > © build 
3e print("Baris Data diketahui ada sebanyak $(mahasiswa.length)"); 
3 D; 
ios 32 ) 
v lib 33 
A DataTabeldart 34 // User Interface-nya 
mahasiswa dart 35 #@override 
© meindat 36 Widget bufild (BuildContext context) ( ii 
37 
& Meador a return Scaffold( 
38 appBar: AppBar( 
A Services.dart 3 p A " : 
39 title: Text('Lihat Data"), // we show the progress in the title... 
A tampil mhs.dart 40 ) nna 
, App! 
A tampil mhs2.dart 41 body: Container( 
> test 42 child: Column( 
flutter-plugins 43 mainAxisAlignment: MainAxisAlignment.center, 
flutter-plugins-de. 4 children: <Widget>[ 
€ gitignore 45 // Expanded membuat widget yang memperluas turunan dari [Baris], 
metadata 46 // [Kolom], atau [Flex] sehingga turunan mengisi ruang yang tersedia 
packages 47 // di sepanjang sumbu utama flex widget. 
48 Expanded( 
a anewoneimi s 
A 49 // SingleChildScrollView, membuat kotak di mana satu widget dapat scroll. 
nec ka P x ; E 
Salt ah 58 child: SingleChildScrollView( 
hasis E : j à 4 
be nan a 51 scrollDirection: Axis.vertical, //secara vertical 
pubspec lock 
! pubspecyami JTPUT DEBUG CONSOLE — PROBLEMS QN Hot ++ OB " 
@ README má I/flutter (24298): $422 WidgetsBinding. scheduleattachRootkWidget.<anonymous closure» (package:flutter/src/widgets/binding.dart:955:7 
> gps I/flutter (24298) ded 11 frames from class RawReceivePortImpl, class Timer, dart:async, and dart:async-patch) 
> my.ops " I flutter 24298) - 
I/flutter (24298) 
v my mahasiswa I/flutter (24298): Baris Data diketahui ada sebanyak 1 
dart tool 
> OUTUNE 
> DEPENDENCIES 
> MAVEN 


Dari dalam container 


X) File Edit Selection View Go Run Terminal Help DataTabel dart - Flutter - Visual Studio Code = 9 x 
AN main.dart ^^ DetaTabeldart X D Services. dart A Mhs.dart ! ** mhsphp ( 
PTM2 one > lib > ND dart > $$ T | State > © build 
49 // SingleChildScrollView, membuat kotak di mana satu widget dapat scroll. Lu = 
50 child: SingleChildScrollView( | wa 
ios 51 scrollDirection: Axis.vertical, //secara vertical 1 zm—- 
v lib 52 + child: SingleChildScrollView( 
A DataTabel.dart 53 scrollDirection: Axis.horizontal, //secara horizontal 
Q mahasiswa.dart 54 child: DataTable( //Widget yang mendeskripsikan data tabel 
r KESAN 55 columns: [ 
Pesaka 56 DataColumn( 
57 label: Text('NBI'), 
A Services.dart Ee ) Date ala 
^ tampil.mhs.dart an Batak bumi m 
A tampil mhs2.dart 60 label: Text('Nama'), 
> test 61 ) DataColumn 
flutter-plugins 62 DataColumn( 
flutter-plugins-de. 63 label: Text('Email'), 
© gitignore 64 » DataColum : 
metadata 65 L 
packages 66 rows: _mahasiswa //variabel baris data (isinya) 
a anewoneimi pid -map( 
68 (mhs) => DataRow(cells: [ 
@ connect.php £9 DataCell( 
@ mahasiswa php 70 Text(mhs.nbi), 
pubspeclock 
1 pukepeeyami umm omuccowou monas QAI Amit DE ^» 
@ README.md I/flutter (24298): 8422 ^ WidgetsBinding.scheduleAttachRootWidget.«anonymous closure» (package:flutter/src/widgets/binding.dart:955:7 
> gps I/flutter (24298) 11 frames from class RawReceivePortImpl, class Timer, dart:async, and dart:async-patch) 


I/flutter (24298) 
I/flutter (24298) Respons: [{"nbi": "GIS 
I/flutter (24298): Baris Data diketahui ada sebanyak 1 


> my aps . 


my. mahasiswa 


dart tool I/VienRootImp1(24298): WindowInputEventReceiver onInputEvent!! KeyCode is 22, action is @ 
> OUTLINE I/View (24298): Key down dispatch to io. flutter.embedding.android.FlutterView{6eccb6b VFE...... . fos 0,0-1080,1920), event = KeyEvent { action-ACTION D 
OWN, keyCode-KEYCODE DPAD RIGHT, scanCode-0, metaState-0, flags-8x0, repeatCount-0, eventTime-16095440, downTime-16095440, deviceld--1, source=@x1@1 } 
> DEPENDENCIES I/VienRootImp1(24298): WindowInputEventReceiver onInputEvent!! KeyCode is 22, action is 1 


> MAVEN I/View 24298): Key up dispatch to io.flutter.embedding.android.FlutterView[6eccbéb VFE...... . ER 6,01680,1920), event = KeyEvent ( action-ACTION UP, 


X) File Edit Selection View Go Run Terminal Help DataTabel dart - Flutter - Visual Studio Code = a x 
0 EXPLORER ... A main.dart ^" DataTabeldart X — *" Services.dart A Mhs.dart ! pubspecyami @ mhsphp (D -- 
> OPEN EDITORS PTM2 > anewone > lib > “© DataTabel.dart > #4 TampilTabelState > @ build 
22 at rvaavarertaun. MALS HUN LAU kan) //3.0r9 racun 
ilitadi 54 child: DataTable( //Widget yang mendeskripsikan data tabel 
em 55 columns: [ 
Ty se e DataColumn( 
57 label]: Text( 81^), 
^* DataTabeldart 58 ), // DataColumn 
A mahasiswa dart 59 DataColumn( 
^^ maindart 6e label: Text('Nama'), 
A Mhs.dart 61 ), // DataColumn = 
A Services.dart 62 DataColumn( 
A tampil mhs.dart 63 label: Text('Email'), 
O tampil mhs2 dart 64 ), // DataColumn 
> test 65 L 
Sutter-plugins 66 rows: oe //variabel baris data (isinya) 
67 .map 
Rupe da 68 (mhs) => DataRow(cells: [ 
€ gitignore 69 DataCell( 
metadata 70 Text(mhs.nbi), 
packages 71 ), // DataCell 
A anewoneiml 72 DataCell( 
® connect.php 73 Text (mhs .nama. toUpperCase()), 
@ mahasiswa.php 74 ), // DataCell 
RAPA 75 DataCell( 
! pubspecyam! OUTPUT TERMINAL DESUGCONSOLE — PROBLEVS MN Bam tv“ O 8 ^ x 
(D README md I/flutter (24298): #422 WidgetsBinding.scheduleAttachRootWidget.<anonymous closure» (package:flutter/src/widgets/binding.dart:955:7) 
? gps I/flutter (24298): (elided 11 frames from class RawReceivePortImpl, class Timer, dart:async, and dart:async-patch) 
> my.ops A I/flutter (24298): sss.——.a——————————-——— Serene enm III III TTL TTL - 
I/flutter (24298): getData Respons: [("nbi": "MANAN "nama": "Miftahul Anwar","email":"miftaggmail.com")] 
v my sohasisme T/flutter (24298): Baris Data diketahui ada sebanyak 1 
> .dart tool I/ViewRootImpl(24298): WindowInputEventReceiver onInputEvent!! KeyCode is 22, action is @ 
> OUTUNE I/View (24298): Key down dispatch to io.flutter.embedding.android.FlutterView(6eccbbb VFE...... . F...... 0,0-1080,1920), event = KeyEvent { actionsACTION D 
OWN, keyCode-KEYCODE DPAD RIGHT, scanCode=@, metaState=0, flags=@x®, repeatCount-9, eventTime=16095440, downTime=16095440, devicelde-1, source=@x1@1 ) 
> DEPENDENCIES I/ViewRootImp] (24298): WindowInputEventReceiver onInputEvent!! KeyCode is 22, action is 1 
I/View (24298): Key up dispatch to io.flutter.embedding.android.FlutterView{6eccb6b VFE 6,0-1080,1920), event = KeyEvent { action-ACTION UP, 


es © [nS Col 30 (5 selected) Spaces:2 L 1 m 4 p Q Prettier & 


